<template>

  <div class="search">
    <el-input v-model="input" placeholder="请输入内容"></el-input>
    <el-button type="primary" icon="el-icon-search"></el-button>

  </div>


</template>

<script>


export default {
  name: "search",

  data() {
    return {
      input: ''
    }
  }
}
</script>

<style lang="scss">
//.search {
//  display: flex;
//  flex-direction: row;
//
//
//  .el-input {
//    width: 462px;
//    height: 50px;
//  }
//
//  .el-button {
//    width: 88px;
//    height: 50px;
//  }
//}

.search {

  height: 39px;
  width: 558px;
  border: 2px solid #31bbAC;
  border-radius: 6px;

  .el-input {
    width: 462px;
    input {
      border: 0;
      outline: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }

  .el-button {

    width: 88px;
    border: 0;
    height: 40px;
    outline: none;;
    background-color: #31bbAC;
    float: right;
    font-size: 16px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    i {
      font-weight: bold;
    }
  }

}
</style>
